@charset "UTF-8";

/* +----------------------------------------------------------------------
// | framework
// +----------------------------------------------------------------------
// | 版权所有 2014~2018 广州楚才信息科技有限公司 [ http://www.cuci.cc ]
// +----------------------------------------------------------------------
// | 官方网站:http://think.ctolog.com
// +----------------------------------------------------------------------
// | 开源协议 ( https://mit-license.org )
// +----------------------------------------------------------------------
// | github开源项目：https://github.com/zoujingli/framework
// +--------------------------------------------------------------------*/

::-webkit-input-placeholder{color:#aaa}
::-webkit-scrollbar{width:3px;height:3px}
::-webkit-scrollbar-track{background:#ccc}
::-webkit-scrollbar-thumb{background-color:#666}
::selection{background-color:#ec494e;color:#fff}
::-moz-selection{background-color:#ec494e;color:#fff}
:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;-webkit-text-fill-color:#333}

body{font-size:12px;color:#333;font-family:'\5FAE\8F6F\96C5\9ED1','Microsoft YaHei','Helvetica Neue','Luxi Sans','DejaVu Sans','Hiragino Sans GB','serif'}
a{color:#06C;cursor:pointer}a:hover{color:#039}input::-ms-clear{display:none}button{border-radius:0!important}

/* 页面布局 - 全局 */
.layui-layout>.layui-side,.layui-layout>.layui-body{top:50px;bottom:0}
.layui-layout>.layui-body>.layui-card{box-shadow:none}
.layui-layout>.layui-body>.layui-card>.layui-card-header{height:50px;line-height:50px;border:none;box-shadow:0 2px 3px 0 rgba(0,0,0,.1)}

/* 页面布局 - 头部 */
.layui-header{height:50px;background-color:#009688!important}
.layui-header .layui-layout-left,.layui-header .layui-layout-right{padding:0}
.layui-header .layui-logo{color:#fff;font-size:18px;line-height:50px;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.15)}
.layui-header .layui-logo sup{font-size:9px;line-height:9px;color:#dfdfdf!important}
.layui-header .layui-nav-item{line-height:50px}
.layui-header .layui-nav-item.layui-this{background:rgba(0,0,0,0.1)}
.layui-header .layui-nav-item:after,.layui-header .layui-nav-bar{display:none!important}
.layui-header .layui-nav-item .layui-nav-child{top:49px;padding:0;border-radius:0;border:none;line-height:45px;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2)}
.layui-header .layui-nav-item .layui-nav-child+a{padding-right:35px}
.layui-header .layui-nav-item .layui-nav-child.layui-show+a{background:#fff}
.layui-header .layui-nav-item .layui-nav-child.layui-show+a span{color:#333}
.layui-header .layui-nav-item .layui-nav-child dd a{color:#333;text-align:center;border-top:1px solid #eaedf1;padding:0}

/* 页面布局 - 左则 */
.layui-layout>.layui-side .layui-nav-item{border-bottom:1px solid #333}
.layui-layout>.layui-side .layui-nav-item a{height:40px;line-height:40px}
.layui-layout>.layui-side .layui-nav-item .layui-nav-child dd{border-bottom:1px solid #252525}
.layui-layout>.layui-side .layui-nav-item .layui-nav-child dd:last-child{border-bottom:none}
.layui-layout>.layui-side .layui-nav-tree-top a{height:28px!important;line-height:28px!important}
.layui-layout>.layui-side .layui-nav-bar{display:none!important}

.layui-layout.layui-layout-left-hide>.layui-side{display:none}
.layui-layout.layui-layout-left-mini>.layui-body{left:50px}
.layui-layout.layui-layout-left-hide>.layui-body{left:0!important}

.layui-layout.layui-layout-left-mini>.layui-side,
.layui-layout.layui-layout-left-mini>.layui-side .layui-side-scroll,
.layui-layout.layui-layout-left-mini>.layui-side .layui-nav-tree{width:50px;text-align:center}
.layui-layout.layui-layout-left-mini>.layui-side .layui-nav-item a{padding:0;height:45px;line-height:45px}
.layui-layout.layui-layout-left-mini>.layui-side .layui-nav-item .nav-text{display:none}
.layui-layout.layui-layout-left-mini>.layui-side .layui-nav-item .nav-icon{display:block!important}
.layui-layout.layui-layout-left-mini>.layui-side .layui-nav-item .layui-nav-child{display:block!important;padding:0;background-color:rgba(0,0,0,.3)!important}
.layui-layout.layui-layout-left-mini>.layui-side .layui-nav-tree-top i{display:inline-block;transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.layui-layout.layui-layout-left-mini>.layui-side .layui-nav-more{display:none!important}

/* 下拉 */
.layui-nav .layui-nav-item .layui-nav-more{border:none;top:0;right:15px;width:auto;height:auto;margin-top:0;font-size:14px;font-style:normal;font-family:layui-icon!important;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
.layui-nav .layui-nav-item .layui-nav-mored,.layui-nav .layui-nav-itemed .layui-nav-more {border:none;margin-top:0;transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.layui-nav .layui-nav-item .layui-nav-more::before{content:"\e619"}

/* 对齐 */
.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}
.text-top{vertical-align:top!important}.text-middle{vertical-align:middle!important}.text-bottom{vertical-align:bottom!important}

/* 颜色 */
.color-red{color:#ec494e!important}.color-blue{color:#2494f2!important}
.color-desc{color:#999!important}.color-text{color:#333!important}.color-green{color:#090!important}

.block{display:block!important}
.pointer{cursor:pointer!important}
.nowrap{white-space:nowrap!important}
.inline-block{display:inline-block!important}
.help-block{font-size:12px;color:#999}
.full-width{width:100%!important}.full-height{height:100%!important}

[data-tips-image]{cursor:zoom-in!important}
.notselect{user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}
.transition{transition:all .2s linear;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}

/* 文字大小 */
.font-s12{font-size:12px!important}.font-s13{font-size:13px!important}.font-s14{font-size:14px!important}
.font-s16{font-size:16px!important}.font-s18{font-size:18px!important}.font-s20{font-size:20px!important}

.border-0{border:0!important}.border-radius-0{border-radius:0!important}

.padding-0{padding:0!important}
.padding-5{padding:5px!important}.padding-10{padding:10px!important}.padding-15{padding:15px!important}
.padding-20{padding:20px!important}.padding-25{padding:25px!important}.padding-30{padding:30px!important}
.padding-top-0{padding-top:0!important}
.padding-top-5{padding-top:5px!important}.padding-top-10{padding-top:10px!important}
.padding-top-15{padding-top:15px!important}.padding-top-20{padding-top:20px!important}
.padding-left-0{padding-left:0!important}
.padding-left-5{padding-left:5px!important}.padding-left-10{padding-left:10px!important}
.padding-left-15{padding-left:15px!important}.padding-left-20{padding-left:20px!important}
.padding-right-0{padding-right:0!important}
.padding-right-5{padding-right:5px!important}.padding-right-10{padding-right:10px!important}
.padding-right-15{padding-right:15px!important}.padding-right-20{padding-right:20px!important}
.padding-bottom-0{padding-bottom:0!important}
.padding-bottom-5{padding-bottom:5px!important}.padding-bottom-10{padding-bottom:10px!important}
.padding-bottom-15{padding-bottom:15px!important}.padding-bottom-20{padding-bottom:20px!important}

.margin-0{margin:0!important}.margin-top-0{margin-top:0!important}
.margin-5{padding:5px!important}.margin-10{padding:10px!important}.margin-15{padding:15px!important}
.margin-20{padding:20px!important}.margin-25{padding:25px!important}.margin-30{padding:30px!important}
.margin-top-0{margin-top:0!important}
.margin-top-5{margin-top:5px!important}.margin-top-10{margin-top:10px!important}
.margin-top-15{margin-top:15px!important}.margin-top-20{margin-top:20px!important}
.margin-left-0{margin-left:0!important}
.margin-left-5{margin-left:5px!important}.margin-left-10{margin-left:10px!important}
.margin-left-15{margin-left:15px!important}.margin-left-20{margin-left:20px!important}.margin-left-40{margin-left:40px!important;}
.margin-right-0{margin-right:0!important}
.margin-right-5{margin-right:5px!important}.margin-right-10{margin-right:10px!important}
.margin-right-15{margin-right:15px!important}.margin-right-20{margin-right:20px!important}
.margin-bottom-0{margin-bottom:0!important}
.margin-bottom-5{margin-bottom:5px!important}.margin-bottom-10{margin-bottom:10px!important}
.margin-bottom-15{margin-bottom:15px!important}.margin-bottom-20{margin-bottom:20px!important}

/* 弹框层表单 */
fieldset legend{padding:0 10px;color:#666;font-size:14px}
fieldset{border:1px solid #e6e6e6;margin:0;padding:10px 20px 5px 20px}
.layui-form.layui-card{box-shadow:none}
.layui-form.layui-card .layui-card-body{padding:20px 40px 0 0}

.form-search .layui-btn{height:32px;line-height:30px;font-size:12px;padding:0 10px}
.form-search .layui-form-label{width:auto!important;border-radius:0;padding:0 8px;height:32px;line-height:30px}
.form-search .layui-input-inline{width:170px}
.form-search .layui-input-inline input,
.form-search .layui-input-inline select{border-radius:0;padding:2px 8px;height:32px;line-height:30px;width:100%}
.form-search .layui-form-select{border-radius:0}
.form-search .layui-form-select dl{top:31px;padding:0}

/** 加载进度 */
.pace-inactive{display:none}
.pace-progress{position:fixed;background:#22df80;z-index:2000;top:0;right:100%;width:100%;height:2px}

/* 分隔线条 */
.hr-line-dashed{border-top:1px dashed #e7eaec;color:#fff;background-color:#fff;height:1px;margin:20px 0}
.hr-line-solid{border-bottom:1px solid #e7eaec;background-color:rgba(0,0,0,0);margin-top:15px;margin-bottom:15px}
.label-required:after{content:'*';color:red;position:absolute;margin-left:4px;font-weight:bold;line-height:1.8em;top:6px;right:5px}

/* 分页 */
.pagination-container{line-height:40px;}
.pagination-container>span{color:#666;font-size:12px}
.pagination-container>ul{display:inline-block;margin:0;padding:0;float:right}
.pagination-container>ul>li{display:inline-block;z-index:1}
.pagination-container>ul>li>span,
.pagination-container>ul>li>a{width:33px;text-align:center;height:30px;line-height:28px;display:inline-block;border:1px solid gainsboro;margin-left:-1px;color:#333}
.pagination-container>ul>li>span{background:gainsboro;cursor:default}
.pagination-container>ul>li>a:hover{background:gainsboro;border-color:gainsboro}
.pagination-container>ul>li.active{z-index:2}
.pagination-container>ul>li.active>span{background:#009688!important;border-color:#009688;color:#fff}

/* 图片上传 */
.uploadimage{display:inline-block;width:80px;height:80px;background:url('../img/image.png') no-repeat center center;background-size:cover;cursor:pointer}
.uploadimagemtl{margin-right:8px}
.uploadimagemtl a{color:#fff;width:20px;height:20px;float:right;display:none;line-height:22px;text-align:center;background:rgba(0,0,0,0.5)}
.uploadimagemtl:hover a{display:inline-block;cursor:pointer}
.uploadimagemtl:hover a:hover{color:#fff;text-decoration:none}

/** Layui样式调整 */
.layui-input,.layui-select{line-height:38px}
.layui-table th,.layui-table td{font-size:12px}
.layui-table td .text-explode{color:#ccc!important;font-weight:normal!important;margin:0px 4px!important}
.layui-table td .text-explode:first-child{opacity:0;display:none}
.layui-table .list-table-image{width:22px;cursor:pointer}
.layui-table .list-table-sort-td{width:60px!important;text-align:center!important}
.layui-table .list-table-sort-td button{width:50px}
.layui-table .list-table-sort-td input{font-size:12px;width:50px;text-align:center;line-height:18px;padding:2px;border:1px solid #e6e6e6;color:#666}
.layui-table .list-table-check-td{width:30px!important;text-align:center}
.layui-table .list-table-check-td input{margin:0;vertical-align:middle}
.layui-btn.layui-btn-sm.layui-btn-primary{line-height:28px}

/** checkbox 优化 */
label.think-radio,label.think-checkbox{margin-right:10px;display:inline-block;}
.think-radio, .think-checkbox{cursor:pointer;margin-top:10px;line-height:18px;font-weight:normal}
.think-checkbox input[type=checkbox], .think-radio input[type=radio]{appearance:none;-webkit-appearance:none;display:inline-block!important;margin:0;width:18px;height:18px;cursor:pointer;background:#fff;border-radius:1px;position:relative;vertical-align:bottom;-moz-border-radius:1px;border:1px solid #dcdcdc;-webkit-border-radius:1px;box-sizing:border-box!important;-moz-box-sizing:border-box!important;-webkit-box-sizing:border-box!important}
.think-checkbox input[type=checkbox]:active, .think-radio input[type=radio]:active{background:#ebebeb;border-color:#c6c6c6}
.think-checkbox input[type=checkbox]:hover{border-color:#c6c6c6;box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.1)}
.think-radio input[type=radio]{width:18px;height:18px;border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em}
.think-checkbox input[type=checkbox]:checked, .think-radio input[type=radio]:checked{background:#fff}
.think-radio input[type=radio]:checked::after{top:4px;left:4px;width:8px;height:8px;content:'';display:block;background:#666;position:relative;border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em}
.think-checkbox input[type=checkbox]:checked::after{top:-2px;left:-4px;display:block;position:absolute;content:url('')}
.think-checkbox input[type=checkbox]:focus, .think-radio input[type=radio]:focus{outline:none}

/** 手机盒子及微信菜单 */
.mobile-preview{position:relative;width:317px;height:580px;background:url('../img/wechat/mobile_head.png') no-repeat 0 0}
.mobile-preview .mobile-header{color:#fff;text-align:center;padding-top:30px;font-size:15px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin:0 30px;-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mobile-body{width:100%;position:absolute;bottom:0;top:60px;border:1px solid #e7e7eb;border-top-style:none;background:#f5f5f5}
.mobile-body iframe{width:100%;height:100%}
.mobile-footer{list-style-type:none;margin:0;position:absolute;bottom:0;left:0;right:0;border:1px solid #e7e7eb;background:url('../img/wechat/mobile_foot.png') no-repeat 0 0;padding-left:43px}
.mobile-footer li{width:33.33%;line-height:50px;position:relative;float:left;text-align:center}
.mobile-footer li a{display:block;border:1px solid rgba(255, 255, 255, 0);border-left:1px solid #e7e7eb;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#616161;text-decoration:none}
.mobile-footer li a.active{background-color:#fff;border:1px solid #44b549!important}
.mobile-footer .icon-add{background:url('../img/wechat/index.png') 0 0 no-repeat;width:14px;height:14px;vertical-align:middle;display:inline-block;margin-top:-2px;border-bottom:none!important}
.mobile-footer .icon-sub{background:url('../img/wechat/index.png') 0 -48px no-repeat;width:7px;height:7px;vertical-align:middle;display:inline-block;margin-right:2px;margin-top:-2px}
.mobile-footer .sub-menu{position:absolute;border-radius:3px;border:1px solid #d0d0d0;display:block;bottom:60px;width:100%;background-color:#fafafa}
.mobile-footer .sub-menu ul, .mobile-footer .sub-menu ul li{padding:0;display:block;width:100%;float:none;z-index:11}
.mobile-footer .sub-menu ul li a{border:1px solid #fff}
.mobile-footer .sub-menu ul li a.bottom-border{border-bottom:1px solid #e7e7eb}
.mobile-footer .arrow{position:absolute;left:50%;margin-left:-6px}
.mobile-footer .arrow_in, .mobile-footer .arrow_out{z-index:10;width:0;height:0;display:inline-block;border-width:6px;border-style:dashed;border-color:transparent;border-bottom-width:0;border-top-style:solid}
.mobile-footer .arrow_in{bottom:-5px;border-top-color:#fafafa}
.mobile-footer .arrow_out{bottom:-6px;border-top-color:#d0d0d0}